// theme-color: #5283F7;
// 界面主题色

// 主题色
@rok-primary-color: var(--bl-brand-c);
// 主题色hover
@rok-primary-hover-color: var(--bl-brand-hover);
// 主题色click
// @rok-primary-click-color: #466FEB;

// 页面背景
@rok-white-bg: @rok-white-color;
@rok-bg-default-color: var(--bl-n150-c);
// 主要文字颜色
@rok-text-color: var(--bl-n900-c);
// 二级文字颜色
@rok-text-color-secondary: var(--bl-n600-c);
/* 辅色/N500-辅助文案 */
@rok-auxiliary-color: var(--bl-n500-c);
// placeholder 颜色
@rok-placeholder-color: @rok-auxiliary-color;

// 辅色/N300-分割线等
@rok-Divider-color: var(--bl-n250-c);
// 基础border颜色
@rok-border-color-base: var(--bl-n300-c);

/* 辅色/表头底色 */
@rok-table-header-color: var(--bl-n100-c);
/* 辅色/N200-hover颜色 */
@rok-hover-color: var(--bl-n200-c);
/* 辅色/标签底色 */
@rok-label-bg-color: var(--bl-brand-label);
/*收藏选中色*/
@rok-collected-color: #ffad14;

// 功能色
@rok-version-bg: #fff6e5;
@rok-version-color: #ff9801;

// 成功色
@rok-success-color: var(--bl-success-c);
// 警告色
@rok-warning-color: var(--bl-warning-c);
// 错误色
@rok-error-color: var(--bl-danger-c);

// 必填色
@rok-required-color: @rok-error-color;

// 成功背景色
@rok-success-bg-color: var(--bl-success-light-c);
// 警告背景色
@rok-warning-bg-color: var(--bl-warning-light-c);
// 错误背景色
@rok-error-bg-color: var(--bl-error-light-c);

@rok-warning-border-color: @rok-error-color;
// 基础白色
@rok-white-color: #fff;
// 警告色边框色

// 基础字体大小
@rok-font-size-base: var(--bl-fs14);
// 小字体
@rok-font-size-small: var(--bl-fs12);
// 大字体
@rok-font-size-big: var(--bl-fs18);
// 标题字体
@rok-font-size-title: var(--bl-fs16);

// 控件左右间距
@rok-control-padding: 28px;

//基础行高
@rok-basic-line-height: 48px;
@rok-basic-subtable-title: 45px;
@rok-basic-subtable-line-height: 24px;
//基础左右间距
@rok-basic-padding: 16px;
@rok-inner-padding: 24px;

// 基础板块间距
@rok-basic-margin: 16px;
// 基础border-radius
@rok-border-radius-base: var(--bl-width4);
@rok-border-radius-big: var(--bl-width8);
@rok-border-radius-litter: 3px;
@rok-border-radius-litter-big: 6px;

// 基础字重
@rok-font-weight-bold: 500;
// icon颜色
@rok-icon-default-color: var(--bl-n600-c);
// 明细子表icon颜色
@rok-icon-subtable-color: var(--bl-n800-c);
// 失效色
@rok-disabled-color: var(--bl-brand-disable);
// 金额背景色
@rok-amount-bg: var(--bl-n400-c);
// link color
@rok-link-color: @rok-primary-color;

@secondary-border-base: var(--bl-n400-c);

// text overflow
.ellipsis() {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

